<%@ page pageEncoding="utf-8"%>
<div class="container-fluid bunnerRow padding-bottom-20 padding-top-0">
	<div id="carouselExampleIndicators" class="carousel slide"
		data-ride="carousel">
		<ol class="carousel-indicators">
			<c:forEach items="${bunnerList}" var="bl" varStatus="status">
				<c:if test="${status.index==0}">
					<li data-target="#carouselExampleIndicators" data-slide-to="${status.index}" class="active"></li>
				</c:if>
				<c:if test="${status.index!=0}">
					<li data-target="#carouselExampleIndicators" data-slide-to="${status.index}"></li>
				</c:if>
			</c:forEach>
		</ol>
		<div class="carousel-inner">
			<c:forEach items="${bunnerList}" var="bl" varStatus="status">
				<c:if test="${status.index==0}">
					<div class="carousel-item active">
						<c:if test="${bl.url==''}">
							<img src="${bl.img}" class="d-block w-100">
						</c:if>
						<c:if test="${bl.url!=''}">
							<a class="clearA" href="${bl.url}"><img src="${bl.img}" class="d-block w-100"></a>
						</c:if>
						<c:if test="${bl.title!=''}">
							<div class="carousel-caption d-none d-md-block">
						        <h5>${bl.title}</h5>
						    </div>
						</c:if>
					</div>
				</c:if>
				<c:if test="${status.index!=0}">
					<div class="carousel-item">
						<c:if test="${bl.url==''}">
							<img src="${bl.img}" class="d-block w-100">
						</c:if>
						<c:if test="${bl.url!=''}">
							<a class="clearA" href="${bl.url}"><img src="${bl.img}" class="d-block w-100"></a>
						</c:if>
						<c:if test="${bl.title!=''}">
							<div class="carousel-caption d-none d-md-block">
						        <h5>${bl.title}</h5>
						    </div>
						</c:if>
					</div>
				</c:if>
				
			</c:forEach>
		</div>
		<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 
			<span class="carousel-control-prev-icon" aria-hidden="true"></span> 
			<span class="sr-only">Previous</span>
		</a> 
		<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> 
			<span class="carousel-control-next-icon" aria-hidden="true"></span> 
			<span class="sr-only">Next</span>
		</a>
	</div>
</div>